﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Detail.Master" AutoEventWireup="true" CodeBehind="ProfileDetail.aspx.cs" Inherits="ThrongIn.ProfileDetail" %>

<%@ Register src="~/UserControls/BreadCrumb.ascx" tagname="BreadCrumb"  tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link href="css/collapsilbe.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" charset="utf-8" media="screen" />
<link rel="stylesheet" type="text/css" href="css/carouselSkin.css" />
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-4f8a89db42ab2af9"></script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<script type="text/javascript" src="js/CollapsiblePanel.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type ="text/javascript" src="js/jquery.localtime-0.5.js"></script>
<script language="javascript" type="text/javascript">
  
    $(document).ready(function () {
        $(".collapsibleContainer").collapsiblePanel();

        loadProfileComments('<%=ProfileId %>');
        //SetSideBarMainContentHeightEql('#sidebar1', '#profileContent','#rightbar', false);     
    });
 
</script>

<script src="http://www.google.com/jsapi?key=AIzaSyA5m1Nc8ws2BbmPRwKu5gFradvD_hgq6G0" type="text/javascript"></script>
        <script type="text/javascript">

            google.load('search', '1');
            var newsSearch;
            var query;
            function loadNews() {
                ShowLoader();
                // Create a News Search instance.
                newsSearch = new google.search.NewsSearch();
                
                // Set searchComplete as the callback function when a search is
                // complete.  The newsSearch object will have results in it.
                newsSearch.setSearchCompleteCallback(this, newsSearchComplete, null);

                // Specify search quer(ies)
                query = $('#hidQuery').val();
                newsSearch.execute(query);

               
            }

            // Set a callback to call your code when the page loads
            
        </script>
 
<!-- begin #sidebar1 -->
    <div id="sidebar1">    	
    	<div>
    	<img ID="imgProfile" runat="server" src=""/>        
    	</div>
        <div class="stuffs">
        <h4>Related stuffs</h4>
        <ul>
        <li> <a href="#" id="lnkImage" onclick="GetImageCarousel('<%=ProfileId %>');">Images</a></li>
        <li> <a href="#" id="lnkVid" onclick="GetVidCarousel('<%=ProfileId %>');">Videos</a></li>
        <li> <a href="#" id="lnkNews" onclick="loadNews();">News</a></li>
        <li> <a href="#divComments" id="lnkComments">Comments</a></li>                 
        <li class="suppress-border"> </li>
        </ul>
       </div>
   
    </div>   
    <!-- end #sidebar1 -->
    
    <div id="profileContent">
    <uc1:BreadCrumb ID="BreadCrumb" runat="server" Visible="true" />    
    <div class="profileBox">
    <div class="title">
    <%=ProfileToDisplay.Profile_Title %>     
        <!-- AddThis Button BEGIN -->

<!-- AddThis Button END -->
    </div>
    <div class="clear aka">also known as <span><%=ProfileToDisplay.Profile_AKA %></span>
   
    </div>
    <input id="hidQuery" type="hidden" value="<%=ProfileToDisplay.Profile_Title %>,<%=ProfileToDisplay.Profile_AKA %>" />
    <input id ="hidPid" type="hidden" value="<%=ProfileId %>" />
    <div class="clear para20"><%=ProfileToDisplay.Profile_Desc %></div>
    <div class="addthis_toolbox addthis_default_style " style="border:none; float:right;">
        <a class="addthis_button_facebook_like" ></a>
        <a class="addthis_button_tweet" addthis:title="www.throngin.com: <%= ProfileToDisplay.Profile_Title%> @ <%=HttpContext.Current.Request.Url %>"></a>
        <a class="addthis_button_google_plusone"></a>
        <a class="addthis_counter addthis_pill_style"></a>
    </div>  
  
    </div>
     <div id="divDynamicContent" class="display-none">
     </div> 
    <asp:Repeater ID="rptGroup" runat="server" OnItemDataBound="rptGroup_ItemDataBound">
    <ItemTemplate>
        <div class="collapsibleContainer" title='<%#Eval("Attribute_Group_Name") %>'>    
         <asp:Repeater ID="rptAttribute" runat="server">
            <ItemTemplate>
               <div class="attr"><%# Eval("Attribute_Name") %></div><div class="attrValue"><%# Eval("Attribute_Value") %></div>
                <div class="clear attrSeperator"></div>
             </ItemTemplate>
          </asp:Repeater>     
       </div>
       </ItemTemplate>
    </asp:Repeater>
 
     <div id="divComments" class="collapsibleContainer" title='Comments'>
     <div id="divProfile_comments"></div>
     <div class="profileCommentArea"><textarea cols="20"  name="profileCommentTextBox" id="profileCommentTextBox" rows="2" placeholder="Add a comment..."></textarea></div>
     </div> 
    </div>
    
    <div id="rightbar">    	
    	    	<div>
							<img src="Images/adsense.jpg" title="" />
    	</div>
    </div> 
    <div class="clear"></div>

</asp:Content>
